<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="商品编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsInfoIdMin">
	<InputNumber v-model="searchForm.goodsInfoIdMin" placeholder="请输入开始商品编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsInfoIdMax">
	<InputNumber v-model="searchForm.goodsInfoIdMax" placeholder="请输入结束商品编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="店铺编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsInfoShopIdMin">
	<InputNumber v-model="searchForm.goodsInfoShopIdMin" placeholder="请输入开始店铺编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsInfoShopIdMax">
	<InputNumber v-model="searchForm.goodsInfoShopIdMax" placeholder="请输入结束店铺编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="类目编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsInfoCategoryIdMin">
	<InputNumber v-model="searchForm.goodsInfoCategoryIdMin" placeholder="请输入开始类目编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsInfoCategoryIdMax">
	<InputNumber v-model="searchForm.goodsInfoCategoryIdMax" placeholder="请输入结束类目编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="商品标题" prop="goodsInfoTitle" label-for="goodsInfoTitle">
	<Input v-model="searchForm.goodsInfoTitle" element-id="goodsInfoTitle" placeholder="请输入商品标题" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="商品图片" prop="goodsInfoPicUrl" label-for="goodsInfoPicUrl">
	<Input v-model="searchForm.goodsInfoPicUrl" element-id="goodsInfoPicUrl" placeholder="请输入商品图片" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="商品品牌" prop="goodsInfoBrand" label-for="goodsInfoBrand">
	<Input v-model="searchForm.goodsInfoBrand" element-id="goodsInfoBrand" placeholder="请输入商品品牌" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="图文详情" prop="goodsInfoIntro" label-for="goodsInfoIntro">
	<Input v-model="searchForm.goodsInfoIntro" element-id="goodsInfoIntro" placeholder="请输入图文详情" clearable/>
</FormItem>
</i-col>
<i-col span="12">
<FormItem label="上架状态" prop="goodsInfoShelfStatus">
    
        <Select v-model="searchForm.goodsInfoShelfStatus" placeholder="上架状态" filterable clearable>
          <Option
            v-for="(option, index) in goodsInfoShelfStatusSelect"
            :value="option.value"
            :key="index"
          >{{option.displayValue}}</Option>
        </Select>
    
</FormItem>
	
</i-col>
<i-col span="12">
	<FormItem label="销量"><Row>
	<i-col span="11">
	<FormItem prop="goodsInfoSaleCountMin">
	<InputNumber v-model="searchForm.goodsInfoSaleCountMin" placeholder="请输入开始销量" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsInfoSaleCountMax">
	<InputNumber v-model="searchForm.goodsInfoSaleCountMax" placeholder="请输入结束销量" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="点击数"><Row>
	<i-col span="11">
	<FormItem prop="goodsInfoClickCountMin">
	<InputNumber v-model="searchForm.goodsInfoClickCountMin" placeholder="请输入开始点击数" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsInfoClickCountMax">
	<InputNumber v-model="searchForm.goodsInfoClickCountMax" placeholder="请输入结束点击数" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="店铺Logo" prop="goodsShopLogo" label-for="goodsShopLogo">
	<Input v-model="searchForm.goodsShopLogo" element-id="goodsShopLogo" placeholder="请输入店铺Logo" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="店铺标题" prop="goodsShopTitle" label-for="goodsShopTitle">
	<Input v-model="searchForm.goodsShopTitle" element-id="goodsShopTitle" placeholder="请输入店铺标题" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="店铺等级"><Row>
	<i-col span="11">
	<FormItem prop="goodsShopLevelMin">
	<InputNumber v-model="searchForm.goodsShopLevelMin" placeholder="请输入开始店铺等级" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsShopLevelMax">
	<InputNumber v-model="searchForm.goodsShopLevelMax" placeholder="请输入结束店铺等级" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="SKU编号"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuIdMin">
	<InputNumber v-model="searchForm.goodsSkuIdMin" placeholder="请输入开始SKU编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuIdMax">
	<InputNumber v-model="searchForm.goodsSkuIdMax" placeholder="请输入结束SKU编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="SKU图片" prop="goodsSkuPicUrl" label-for="goodsSkuPicUrl">
	<Input v-model="searchForm.goodsSkuPicUrl" element-id="goodsSkuPicUrl" placeholder="请输入SKU图片" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="售卖标题" prop="goodsSkuTitle" label-for="goodsSkuTitle">
	<Input v-model="searchForm.goodsSkuTitle" element-id="goodsSkuTitle" placeholder="请输入售卖标题" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="原价"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuPriceMin">
	<InputNumber v-model="searchForm.goodsSkuPriceMin" placeholder="请输入开始原价" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuPriceMax">
	<InputNumber v-model="searchForm.goodsSkuPriceMax" placeholder="请输入结束原价" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="销售价"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuSalePriceMin">
	<InputNumber v-model="searchForm.goodsSkuSalePriceMin" placeholder="请输入开始销售价" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuSalePriceMax">
	<InputNumber v-model="searchForm.goodsSkuSalePriceMax" placeholder="请输入结束销售价" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="库存"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuStockCountMin">
	<InputNumber v-model="searchForm.goodsSkuStockCountMin" placeholder="请输入开始库存" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuStockCountMax">
	<InputNumber v-model="searchForm.goodsSkuStockCountMax" placeholder="请输入结束库存" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>
<i-col span="12">
	<FormItem label="SKU上架状态" prop="goodsSkuShelfStatus">
	    
	        <Select v-model="searchForm.goodsSkuShelfStatus" placeholder="SKU上架状态" filterable clearable>
	          <Option
	            v-for="(option, index) in goodsSkuShelfStatusSelect"
	            :value="option.value"
	            :key="index"
	          >{{option.displayValue}}</Option>
	        </Select>
	    
	</FormItem>
</i-col>
<i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuVersionMin">
	<InputNumber v-model="searchForm.goodsSkuVersionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuVersionMax">
	<InputNumber v-model="searchForm.goodsSkuVersionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuCreateTimeMin">
	<DatePicker @on-change="searchForm.goodsSkuCreateTimeMin=$event" :value="searchForm.goodsSkuCreateTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuCreateTimeMax">
	<DatePicker @on-change="searchForm.goodsSkuCreateTimeMax=$event" :value="searchForm.goodsSkuCreateTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuUpdateTimeMin">
	<DatePicker @on-change="searchForm.goodsSkuUpdateTimeMin=$event" :value="searchForm.goodsSkuUpdateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuUpdateTimeMax">
	<DatePicker @on-change="searchForm.goodsSkuUpdateTimeMax=$event" :value="searchForm.goodsSkuUpdateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="是否激活"><Row>
	<i-col span="11">
	<FormItem prop="goodsSkuIsActiveMin">
	<InputNumber v-model="searchForm.goodsSkuIsActiveMin" placeholder="请输入开始是否激活" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="goodsSkuIsActiveMax">
	<InputNumber v-model="searchForm.goodsSkuIsActiveMax" placeholder="请输入结束是否激活" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    import * as utils from '@/api/utils-v2'
    import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'GoodsInfoSkuPicSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/goods-info-sku-pic/admin/pager-cond'
                },
				dataDictCodes: ['SHOP_LEVEL','GOODS_SHELF_STATUS'],
				dataDictItems: {},
				goodsInfoShelfStatusSelect:[],
				goodsSkuShelfStatusSelect: [],
				goodsShopLevelSelect:[],
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    goodsInfoId: null,
goodsInfoIdMin: null, 
goodsInfoIdMax: null, 
goodsInfoShopId: null,
goodsInfoShopIdMin: null, 
goodsInfoShopIdMax: null, 
goodsInfoCategoryId: null,
goodsInfoCategoryIdMin: null, 
goodsInfoCategoryIdMax: null, 
goodsInfoTitle: null,
goodsInfoPicUrl: null,
goodsInfoBrand: null,
goodsInfoIntro: null,
goodsInfoShelfStatus: null,
goodsInfoShelfStatusMin: null, 
goodsInfoShelfStatusMax: null, 
goodsInfoSaleCount: null,
goodsInfoSaleCountMin: null, 
goodsInfoSaleCountMax: null, 
goodsInfoClickCount: null,
goodsInfoClickCountMin: null, 
goodsInfoClickCountMax: null, 
goodsShopLogo: null,
goodsShopTitle: null,
goodsShopLevel: null,
goodsShopLevelMin: null, 
goodsShopLevelMax: null, 
goodsSkuId: null,
goodsSkuIdMin: null, 
goodsSkuIdMax: null, 
goodsSkuPicUrl: null,
goodsSkuTitle: null,
goodsSkuPrice: null,
goodsSkuPriceMin: null, 
goodsSkuPriceMax: null, 
goodsSkuSalePrice: null,
goodsSkuSalePriceMin: null, 
goodsSkuSalePriceMax: null, 
goodsSkuStockCount: null,
goodsSkuStockCountMin: null, 
goodsSkuStockCountMax: null, 
goodsSkuShelfStatus: null,
goodsSkuShelfStatusMin: null, 
goodsSkuShelfStatusMax: null, 
goodsSkuVersion: null,
goodsSkuVersionMin: null, 
goodsSkuVersionMax: null, 
goodsSkuCreateTime: null,
goodsSkuCreateTimeMin: null, 
goodsSkuCreateTimeMax: null, 
goodsSkuUpdateTime: null,
goodsSkuUpdateTimeMin: null, 
goodsSkuUpdateTimeMax: null, 
goodsSkuIsActive: null,
goodsSkuIsActiveMin: null, 
goodsSkuIsActiveMax: null, 

                },
            }
        },
        computed: {},
        mounted() {
			            utils.getDataDict(this.dataDictCodes).then(response => {
			              if (response) {
			                this.dataDictItems = response
			                utils.getSelectDictItems(this, 'SHOP_LEVEL', 'goodsShopLevel', 'goodsShopLevelSelect')
							utils.getSelectDictItems(this, 'GOODS_SHELF_STATUS', 'goodsInfoShelfStatus', 'goodsInfoShelfStatusSelect')
							utils.getSelectDictItems(this, 'GOODS_SHELF_STATUS', 'goodsSkuShelfStatus', 'goodsSkuShelfStatusSelect')
							
			              }
			            }).catch(error => {
			              console.log(error)
			            })
		},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>